<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:core="http://www.contact.core.com/contacts/core/ui"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:c="http://java.sun.com/jstl/core"
        >

<ui:component>
    <!--@elvariable id="columns" type="java.lang.Integer"-->
    <!--@elvariable id="element" type="java.lang.Integer"-->
    <!--@elvariable id="style" type="java.lang.String"-->
    <!--<rich:dataGrid-->
    <!--columns="#{viewFriendBean.allMutualFriendsCount lt columns ? viewFriendBean.allMutualFriendsCount : columns}"-->
    <!--value="#{viewFriendBean.allMutualFriends}" elements="#{element}"-->
    <!--var="friend" rowKeyVar="row"-->
    <!-->-->
    <!--<core:pictureForViewWithName columns="1"-->
    <!--fullName="#{friend.firstName} #{friend.lastName}"-->
    <!--style="#{style}"-->
    <!--informationId="#{friend.id}"/>-->
    <!--</rich:dataGrid>-->
    <h:panelGrid columns="#{columns}" columnClasses="top, top, top, top, top, top">
        <c:forEach begin="0" step="1" end="#{element}" items="#{viewFriendBean.allMutualFriends}" var="friend">
            <core:pictureForViewWithName columns="1"
                                         fullName="#{friend.firstName} #{friend.lastName}"
                                         style="#{style}"
                                         pictureKey="photoprofile_#{friend.id}"/>

        </c:forEach>
    </h:panelGrid>

</ui:component>


</html>
